<template>
    <Layout>
        <div class="share-box">
            <g-link :to='subURL+$page.KuERP.allKtMarketTactics[0].id'>
                <v-icon>mdi-mail</v-icon>
                <span>关注</span></g-link>
            <div ga_event="click_share_weixin" class="share-type share-weixin">
                <v-icon>mdi-wechat</v-icon>
                <span>微信</span>
            </div>
        </div>
        <div>
            <div v-html="$page.KuERP.allKtMarketTactics[0].context"/>
        </div>
    </Layout>
</template>

<page-query>
    query($domain:String!) {
    KuERP{
    allKtMarketTactics(domain:$domain) {
    name
    id
    context
    websiteMetaTitle
    websiteMetaDescription
    websiteMetaKeywords
    }
    }}

</page-query>

<script>
    import config from '../../gridsome.config';

    export default {

        metaInfo() {
            return {
                title: this.$page.KuERP.allKtMarketTactics[0].websiteMetaTitle || this.$page.KuERP.allKtMarketTactics[0].name,
                meta: [{name: "description", conetnt: this.$page.KuERP.allKtMarketTactics[0].websiteMetaDescription},
                    {name: "keywords", content: this.$page.KuERP.allKtMarketTactics[0].websiteMetaKeywords},
                    {"http-equiv": "X-UA-Compatible", content: "IE=edge"},
                    {
                        name: "viewport",
                        content: "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
                    }, {name: "apple-mobile-web-app-capable", content: "yes"},
                    {name: "apple-mobile-web-app-status-bar-style", content: "black"},
                    {name: "format-detection", content: "telephone=no"},
                    {property: "og:type", content: "website"},
                    {
                        property: "og:title",
                        content: this.$page.KuERP.allKtMarketTactics[0].websiteMetaTitle || this.$page.KuERP.allKtMarketTactics[0].name
                    },
                    {
                        property: "og:description",
                        content: this.$page.KuERP.allKtMarketTactics[0].websiteMetaDescription
                    },
                    {
                        property: "og:image",
                        content: "https://www.kaikong.cn/web/image/res.company/1/logo?unique=2742a8f"
                    },
                    {property: "og:url", content: this.subURL + this.$page.KuERP.allKtMarketTactics[0].id}]
            }
        },
        data() {
            return {
                odooUrl: config.odooUrl,
                subURL: config.odooUrl + "/mail/follow?model=content.content&res_id="
            }
        }
    };
</script>
<style>
    /*.share-box .share-box-top, .share-box-bottom, .share-box .bdshare-button-style1-32 a.shareCount {*/
    /*}*/

    .share-box {
        position: fixed;
        /*_position: absolute;*/
        /*left: 0%;*/
        margin-left: -70px;
        width: 63px;
        top: 150px;
    }

    /*.share-box-fixed{position:fixed;top:113px;}*/
    /*.share-box-top {*/
    /*height: 30px;*/
    /*background-position: 0 0;*/
    /*text-indent: -9999em;*/
    /*overflow: hidden;*/
    /*}*/

    /*.share-box-bottom {*/
    /*height: 5px;*/
    /*font: 0/0 arial;*/
    /*background-position: 0 -35px !important;*/
    /*}*/

    /*.share-box-inner {*/
    /*padding-bottom: 10px;*/
    /*border-left: 1px solid #e9f3f8;*/
    /*border-right: 1px solid #e9f3f8;*/
    /*overflow: hidden;*/
    /*zoom: 1;*/
    /*background: #f5f8fd;*/
    /*}*/

    /*.bdsharebuttonbox a, .share-box .bdshare-button-style1-32 span.bds_more {*/
    /*_display: inline;*/
    /*margin: 6px 0 0 14px;*/
    /*font-family: arial !important;*/
    /*}*/

    /*.bdshare-button-style1-32 a.shareCount, .share-box .bdshare-button-style1-32 a.shareCount:hover {*/
    /*padding: 4px 0 0 0;*/
    /*margin: 2px 0 0 5px !important;*/
    /*width: 50px;*/
    /*height: 31px;*/
    /*background-position: 0 -45px !important;*/
    /*line-height: 31px;*/
    /*text-align: center;*/
    /*color: #fff !important;*/
    /*text-decoration: none;*/
    /*}*/

    /*.shareCount a {*/
    /*color: #0368a8;*/
    /*text-decoration: none;*/
    /*}*/

    /*a:hover {*/
    /*color: #f60;*/
    /*text-decoration: underline;*/
    /*}*/
</style>